<template>
    <div class="card">
        <el-row>
            <el-col :span="8" v-for="(o, index) in 2" :key="o" :offset="index > 0 ? 2 : 0">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="" class="image">
                    <div style="padding: 14px;">
                        <span>好吃的汉堡</span>
                        <div class="bottom clearfix">
                        <time class="time"></time>
                        <el-button type="text" class="button">操作按钮</el-button>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import { row, card,Button } from 'element-ui'
export default {
  name: "singleCard",
  data() {
    return {};
  },
  components:{
      row,
      card,Button
  }
};
</script>

<style lang="scss" scoped>
.card {
}
</style>
